{% extends "./layout/base.html" %}
{% block header %}
{{title}}
{% endblock %}

{% block main %}
<div class="row">
    <div class="col-md-12">
        <!-- Advanced Tables -->
        <p id="json"></p>
        <!--End Advanced Tables -->
    </div>
</div>
{% endblock %}

{% block script %}
<script src="/assets/js/jquery.jsonview.js"></script>
<script>
    $(function () {
        $("#json").JSONView(JSON.parse('{{ image | safe}}'));
    });
</script>
{% endblock %}

{% block style %}
<!-- TABLE STYLES-->
<link href="/assets/css/jquery.jsonview.css" rel="stylesheet" />

{% endblock%}